interface SvgProps {
    name: string; // 图标名称 ==> 必传
    color?: string; // 颜色 ==> 可选
    prefix?: string; // 前缀 ==> 可选
    iconStyle?: { [key: string]: any }; // 图标样式 ==> 可选
}

const SvgIcon = (props: SvgProps) => {
  const { name, prefix = 'icon', iconStyle = { width: '100px', height: '100px'}} = props;
  const symbolId = `#${prefix}-${name}`;
  return (
    <svg style={iconStyle} aria-hidden="true">
      <use href={symbolId} />
    </svg>
  )
}

export default SvgIcon;